<template>
  <a-tabs size="small">
    <a-tab-pane key="config" tab="配置">
      <a-form :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
        <a-row>
          <a-col :span="direction == 'bottom' ? formItemLayout.colSpan : 24" ref="value">
            <a-form-item label="节点名称">
              <!-- @change="(e) => (cell.value = e.target.value)" -->
              <a-input placeholder="请输入节点名称" :size="size" :defaultValue="cell.value" />
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </a-tab-pane>
  </a-tabs>
</template>
<script setup>
  import { ref, reactive } from 'vue';
  defineProps({
    direction: { type: String, default: 'bottom' },
    cell: { type: Object },
    editor: { type: Object },
  });
  const size = ref('small');
  const formItemLayout = reactive({
    labelCol: { span: 5 },
    wrapperCol: { span: 17 },
    colSpan: 8,
  });
  const value = ref();
  defineExpose({
    value,
  });
</script>
